<template>
	<view class="content">
		<view class="main">
			<navgiter :navigationMsg="navigationMsg"></navgiter>
			<view class="tabs">
				 <u-sticky bgColor="#fff">
				    <u-tabs :list="list1"></u-tabs>
				  </u-sticky>
			</view>
		</view>
	</view>
</template>

<script>
	import navgiter from "../../../common/navgats/navgats.vue"
	export default {
		data() {
			return {
				navigationMsg: {
					title: "订单列表",
					bgColor: "#ffffff"
			},
			list1: [{
			                    name: '全部',
			                }, {
			                    name: '待付款',
			                }, {
			                    name: '待发货'
			                }, {
			                    name: '待收货'
			                }, {
			                    name: '待归还'
			                }, {
			                    name: '归还中'
			                }, {
			                    name: '已归还'
			                }]
		}
		},
	components:{
		navgiter
	},
		methods: {
			 click(item) {
			                console.log('item', item);
			            }
		}
	}
</script>

<style>
* {
		font-size: 5vw;
		font-family: Microsoft JhengHei;

	}

	.content {
		width: 100vw;
		height: 100vh;
		/* position: absolute; */
		background-color: #F6F6F6;
		 display: flex;
		 flex-direction: column;
		 align-items: center;
		overflow-y: auto;
	}

	.main {
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.tabs{
		width: 100%;
		height: 100rpx;
		/* background-color: aqua; */
	}
</style>
